<style>
    html,body{margin:0px;padding:0px;position:relative;overflow-y: hidden;}
    iframe{width:91%;height:100%;float: left;}
    #over {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f5f5f5;opacity:0.5;z-index: 1000;}
    #layout {position: absolute;top: 40%;left: 40%;width: 20%;height: 20%;z-index: 1001;text-align:center;}
    #layout p{text-align:center;}
    .layui-nav{width: 8%;float: left;margin: .5% 0px 0px .5%;}
    .layui-nav img{width: 20px;margin-top: -4px;}
</style>
<div id="over"></div>
<div id="layout"><img src="/static/images/loding.gif" /><br/><p>正在加载</p></div>

<ul class="layui-nav layui-nav-tree" lay-filter="demo">
    {if condition="$Think.session.FAR"}
    <li class="layui-nav-item"><a href="{$Request.domain.'/index/lists/index/id/1'}">FAR <img src='/static/images/far.svg'/></a></li>
    {/if}
    {if condition="$Think.session.AUD"}
    <li class="layui-nav-item"><a href="{$Request.domain.'/index/lists/index/id/2'}">AUD<img src='/static/images/aud.svg'/></a></li>
    {/if}
    {if condition="$Think.session.REG"}
    <li class="layui-nav-item"><a href="{$Request.domain.'/index/lists/index/id/3'}">REG <img src='/static/images/reg.svg'/></a></li>
    {/if}
    {if condition="$Think.session.BEC"}
    <!--<li class="layui-nav-item"><a href="#" onclick="layer.msg('BEC Q & A is being maintained and try again later！')">BEC <img src='/static/images/bec.svg'/></a></li>-->
    {/if}
</ul>

<iframe id="frame" frameborder="no" border="0" marginwidth="0" marginheight="0"  src="{$Request.domain.'/index/index/index/topic_id/'.$data.0}"></iframe>

<div class="page">
    <div class="layui-box layui-laypage layui-laypage-default">
        {if condition="$data"}
            {volist name="data" id="v"}
                <a {if condition="$key eq 0"}class="active"{/if} data-page="{$Request.domain.'/index/index/index/topic_id/'.$v}">{$key+1}</a>
            {/volist}
        {/if}
    </div>
</div>

<script>
    document.getElementById("frame").onload = function () {
        document.getElementById("over").style.display = "none";
        document.getElementById("layout").style.display = "none";
    };
</script> 